<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	template="layout/template_login.xhtml">

	<ui:define name="body">
		<div id="login">
			<h:graphicImage url="/imagens/alfabetizacao_completo.jpg" style="width:380px"
				alt="SIGEPAC - Sistema de Gerenciamento Alfabetização Cidadã" />
			<div id="form_login">
				<br/>
				<h:form id="loginForm">
					<fieldset>
						<s:label>
							<b><h:outputText style="" value="#{messages['label.login']}:" /></b>
							<s:span styleClass="required">*</s:span>
						</s:label>
						<h:inputText label="#{messages['label.login']}" id="username" styleClass="input_login"
							value="#{credentials.username}" required="true" />

						<br/>
						
						<s:label>
							<b><h:outputText style="" value="#{messages['label.senha']}:" /></b>
							<s:span styleClass="required">*</s:span>
						</s:label>
						<h:inputSecret label="#{messages['label.senha']}" id="password" styleClass="input_login"
							value="#{credentials.password}" required="true"
							 />
						<br/>
						
						<p>
							<h:commandButton id="submit" value="Acessar" styleClass="botoes"
								action="#{identity.login}" />
						</p>
						<p>
							<br/><h:outputText value="#{messages['label.versao']}: #{info.version}"/>
						</p>
					</fieldset>
					<rich:jQuery selector="#username" query="focus()" timing="onload" />
				</h:form>
			</div>
			<s:div style="margin-top: 5px;" >
			<rich:messages errorLabelClass="errors" level="ERROR">
				<f:facet name="errorMarker">
					<h:graphicImage value="/img/error.gif" style="top: 2px;"
						styleClass="imgerro" />
				</f:facet>
			</rich:messages>
		</s:div>
		</div>
	</ui:define>
</ui:composition>